﻿@{
    ViewBag.Title = "Watch";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div id="content">
    <div class="container" style="margin: 100px auto;">
        <div class="row">
            <div class="span9">
                <div class="row">
                    <div class="span9">
                        <h3>Đừng buông tay anh - Hồ Quang Hiếu</h3>
                    </div><!--/span12-->
                </div>
                <div class="player" style="margin-left: 0px;">
                    <div class="menu-head">
                        <div style="width: 70px;">
                            <a href="#">Tải Clip</a>
                        </div>
                        <div style="width: 100px;">
                            <a href="#">Thêm Playlist</a>
                        </div>
                    </div>
                    <div id="player" class="img-polaroid">
                        <embed align="middle" width="100%" height="450px" pluginspage="http://www.macromedia.com/go/getflashplayer"
                               type="application/x-shockwave-flash" allowscriptaccess="sameDomain" allowfullscreen="true"
                               name="fullscreen" bgcolor="#ffffff" salign="tl" quality="high" flashvars="file=@Url.Content("~/Stream/flv/FLV_ACD6F055B76E03A.flv")&skin=@Url.Content("~/player/skin/alien.xml")&logo=@Url.Content("~/player/player.png")&image=@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")&autostart=false"
                               src="@Url.Content("~/player.swf")" />
                    </div>
                    <div class="menu-right" style="top: 20px;">
                        <div class="zingme">
                            <a href="#"><img src="@Url.Content("~/Assets/img/zingme.png")"></a>
                        </div>
                        <div class="facebookshare">
                            <a href="#"><img src="@Url.Content("~/Assets/img/share.png")"></a">
                        </div>
                        <div class="googleshare">
                            <a href="#"><img src="@Url.Content("~/Assets/img/google.png")"></a">
                        </div>
                        <div>
                            <a href="#">480p</a>
                        </div>
                        <div>
                            <a href="#">720p</a>
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-top: 20px;">
                    <div class="span9">
                        <div class="row">
                            <div class="span3">
                                <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/member/avatar/locmx.png")" alt="đăng bởi LocMX" height="50px" width="50px" />
                                <div class="description">
                                    <h6><a href="#">Min Tun [Xem kênh]</a></h6>
                                    <p class="muted-small">Gia nhập: 10/07/2013<br />Đã đăng: 1000 clip</p>
                                </div><!--/description-->
                            </div>
                            <div class="span1 offset3">
                                <span class="label label-info"><i class="icon-large icon-eye-close"></i> 10000</span>
                            </div>
                            <div class="span1">
                                <a href="javascript:like()"><span class="label label-info"><i class="icon-large icon-thumbs-up"></i> 10000</span></a>
                            </div>
                            <div class="span1">
                                <a href="javascript:dislike()"><span class="label label-warning"><i class="icon-large icon-thumbs-down"></i> 100</span></a>
                            </div>                            
                        </div>
                    </div>
                </div>
                <div class="row" style="margin-top: 30px;">
                    <div class="span9">
                        <div class="tabbable">
                            <!-- Only required for left/right tabs -->
                            <ul class="nav nav-tabs">                               
                                <li class="active"><a href="#info" data-toggle="tab"><i class="icon-info-sign"></i> Thông tin</a></li>
                                <li><a href="#share" data-toggle="tab"><i class="icon-share"></i> Chia sẽ</a></li>
                                <li><a href="#download" data-toggle="tab"><i class="icon-download"></i> Tải về</a></li>
                                <li><a href="#addplaylist" data-toggle="tab"><i class="icon-plus"></i> Thêm playlist</a></li>                               
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="share">
                                    <p>
                                       Mã nhúng forum/blog.
                                    </p>
                                </div>
                                <div class="tab-pane" id="download">
                                    <a href="#"class="btn btn-info" role="button"><i class="icon-large icon-download"></i> Tải clip chất lượng 360p</a>
                                    <a href="#" class="btn btn-info" role="button"><i class="icon-large icon-download"></i> Tải clip chất lượng 480p</a>
                                    <a href="#" class="btn btn-info" role="button"><i class="icon-large icon-download"></i> Tải clip chất lượng 720p</a>
                                    <a href="#" class="btn btn-info" role="button"><i class="icon-large icon-download"></i> Tải mp3</a>
                                </div>
                                <div class="tab-pane" id="addplaylist">
                                    <p>
                                        Add playlist.
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="span9 column-divider">
                        <hr>
                        <span class="column-divider-icon pull-left"><i class="icon-comments comment-icon-fix"></i></span>
                        <h4>&nbsp; Comment</h4>
                        <hr>
                        <ul class="comments">
                            <li>
                                <div class="comment">
                                    <div class="row">
                                        <div class="span1 author-box">
                                            <img class="img-polaroid" src="@Url.Content("~/Stream/member/avatar/locmx.png")" width="50px" height="50px" alt="author" />
                                            <p class="muted-small center">01/07/2013</p>
                                        </div><!--/span1-->
                                        <div class="span8">
                                            <h5>LocMX</h5>
                                            <p>
                                                clgt, cchh cl chd.
                                            </p>
                                        </div><!--/span8-->
                                    </div><!--/row-->
                                </div><!--blog comment-->
                            </li>
                            <li>
                                <div class="comment">
                                    <div class="row">
                                        <div class="span1 author-box">
                                            <img class="img-polaroid" src="@Url.Content("~/Stream/member/avatar/locmx.png")" width="50px" height="50px" alt="author" />
                                            <p class="muted-small center">01/07/2013</p>
                                        </div><!--/span1-->
                                        <div class="span8">
                                            <h5>LocMX</h5>
                                            <p>
                                                clgt, cchh cl chd.
                                            </p>
                                        </div><!--/span8-->
                                    </div><!--/row-->
                                </div><!--blog comment-->
                            </li>
                            <li>
                                <div class="comment">
                                    <div class="row">
                                        <div class="span1 author-box">
                                            <img class="img-polaroid" src="@Url.Content("~/Stream/member/avatar/locmx.png")" width="50px" height="50px" alt="author" />
                                            <p class="muted-small center">01/07/2013</p>
                                        </div><!--/span1-->
                                        <div class="span8">
                                            <h5>LocMX</h5>
                                            <p>
                                                clgt, cchh cl chd.
                                            </p>
                                        </div><!--/span8-->
                                    </div><!--/row-->
                                </div><!--blog comment-->
                            </li>
                        </ul>
                    </div><!--/span 9-->             
                </div><!--/row-->
            </div><!--/span 12-->
            <div class="span3">
                <div class="row">
                    <div class="span3">
                        <h3>Xem thêm</h3>
                    </div><!--/span12-->
                </div>
                <div class="sidebar-wrap">
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <img class="thumb-left-pic img-polaroid" src="@Url.Content("~/Stream/thumbs/BB9E6A1BAA4264DD68FB_001.jpg")" alt="đăng bởi LocMX" height="50px" width="70px" />
                        <div class="description">
                            <h6><a href="#">Đừng buông tay anh</a></h6>
                            <p class="muted-small">Hồ Quang Hiếu<br />Thời gian: 03:54</p>
                        </div><!--/description-->
                    </div>
                    <div class="span3" style="margin-left: 0px;">
                        <a href="">Xem thêm ...</a>
                    </div>
                </div><!--/sidebar wrap-->
                <div class="row">
                    @Html.Partial("_Ads")
                </div>
            </div><!--/span3-->
        </div><!--/row-->
    </div><!--/container-->
    <br>
</div><!--/hero-->
